/*上下动 20*/
@keyframes topDown2{
    0%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);}
    50%{transform:translate(0,-20px);-webkit-transform:translate(0,-20px);}
	100%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);}
}
/*上下动 8*/
@keyframes topDown1{
    0%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);}
    50%{transform:translate(0,-8px);-webkit-transform:translate(0,-8px);}
	100%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);}
}
/*上下动 4*/
@keyframes topDown3{
    0%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);}
    50%{transform:translate(0,-4px);-webkit-transform:translate(0,-4px);}
	100%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);}
}

/*左下滑动*/
@keyframes leftDown{
    0%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);opacity: 1;}
    100%{transform:translate(-600%,600%);-webkit-transform:translate(-600%,600%);opacity: 0;}
}
/*放大缩小*/
@keyframes scale1{
    0%{transform:scale(0);-webkit-transform:scale(0);opacity: 0;}
    50%{transform:scale(1);-webkit-transform:scale(1);opacity: 0.5;}
    100%{transform:scale(1);-webkit-transform:scale(1);opacity: 1;}
}

@keyframes rotates{
    0%{transform:rotateX(50deg) rotate(0deg);}
    100%{transform:rotateX(50deg) rotate(360deg);}
}

@keyframes rotates1{
    0%{transform:scaleX(0);}
    50%{transform:scaleX(1);}
    100%{transform:scaleX(0);}
}
/*微转*/
@keyframes rotates2{
    0%{transform:rotateY(0deg);}
    50%{transform:rotateY(20deg);}
    100%{transform:rotateY(0deg);}
}
/*渐变*/
@keyframes opac22{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
}

/*渐变*/
@keyframes translate21{
    0%{transform:translate(0%,0%);opacity:1}
    100%{transform:translate(50%,-50%);opacity:0;)}
}
@keyframes translate22{
    0%{transform:translate(0%,0%);opacity:1}
    90%{transform:translate(90%,-54%);opacity:1}
    100%{transform:translate(100%,-60%);opacity:0;)}
}
@keyframes translate23{
    0%{transform:translate(0%,0%);opacity:1}
    90%{transform:translate(220%,-110%);opacity:1}
    100%{transform:translate(240%,-120%);opacity:0;)}
}

/*上移消失*/
@keyframes topOp{
    0%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);opacity: 1;}
    100%{transform:translate(0,-35px);-webkit-transform:translate(0,-35px);opacity: 0;}
}
/*下移消失*/
@keyframes downOp{
    0%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);opacity: 1;}
    100%{transform:translate(0,60px);-webkit-transform:translate(0,60px);opacity: 0;}
}
/*上移消失*/
@keyframes topOp1{
    0%{transform:translate(0px,0px) rotate(180deg);-webkit-transform:translate(0px,0px) rotate(180deg);opacity: 1;}
    100%{transform:translate(0,-90px) rotate(180deg);-webkit-transform:translate(0,-90px) rotate(180deg);opacity: 0;}
}
/*上移消失*/
@keyframes topOp2{
    0%{transform:translate(0px,0px);-webkit-transform:translate(0px,0px);opacity: 0;}
    100%{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);opacity: 1;}
}

/*上下消失*/
@keyframes scaleH{
    0%{transform:scaleY(1);transform:scaleY(1);}
    50%{transform:scaleY(0);transform:scaleY(0);}
    100%{transform:scaleY(1);transform:scaleY(1);}
}

/*ai 高度增加*/
@keyframes aiHeight{
    0%{height: 0%;opacity: 0;}
    100%{height:27.86%;opacity: 1;}
}
/*ai4 宽度增加*/
@keyframes ai4Width{
    0%{width: 0;}
    100%{width:23.22%;}
}

/*火苗*/
@keyframes huoMiao{
    0%{height: 55%;}
    50%{height:60%;}
    100%{height:55%;}
}

/*火苗1*/
@keyframes huoMiao1{
    0%{height:30%}
    50%{height:45%}
    100%{height:30%}
}
/*火苗2*/
@keyframes huoMiao2{
    0%{height:75%}
    50%{height:100%}
    100%{height:75%}
}

/*indexone4*/
@keyframes one4Height{
    0%{height: 10%;}
    100%{height:85%;}
}
/*indexone4-2*/
@keyframes one4Top{
    0%{bottom: 6%;}
    100%{bottom:77%;}
}